//雷达表
const radarList = [
    {
        component: 'Radar1',
        label: '雷达图',
        icon: 'wenben',
        style: {
            width: 310,
            height: 310,
            'z-index': '1'
        },
        propValue: [],
        option: {

            color: ['#7BC3F5', '#618FF6', '#5659F7', '#6ACE99', '#C0F2B4', '#E0E5DB'],
            legend: {
                data: ['预算分配', '开支分配'],
                icon: "circle",
                show: false,
                itemWidth: 10,
                itemheight: 10,
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                left: 'left',
                top: '38'
            },
            grid: {
                left: '3%',
                right: '3%',
                bottom: '3%',
                top: '20',
                containLabel: true,
            },
            title: [{
                text: '',
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '18',
                },
                left: 'left',
            }, {
                text: '',
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '14',
                },
                left: 'left',
                top: '20',
            }],
            radar: {
                // shape: 'circle',
                indicator: [
                    { name: '销售', max: 6500 },
                    { name: '管理', max: 16000 },
                    { name: '信息技术', max: 30000 },
                    { name: '客服', max: 38000 },
                    { name: '研发', max: 52000 },
                    { name: '市场', max: 25000 }
                ],
                splitLine: {
                    lineStyle: {
                        color: [
                            'rgba(238, 197, 102, 0.1)', 'rgba(238, 197, 102, 0.2)',
                            'rgba(238, 197, 102, 0.4)', 'rgba(238, 197, 102, 0.6)',
                            'rgba(238, 197, 102, 0.8)', 'rgba(238, 197, 102, 1)'
                        ].reverse()
                    }
                },
            },
            series: [{
                axisLine: {            // 坐标轴线
                    show: false        // 默认显示，属性show控制显示与否
                },
                name: '预算 vs 开销',
                type: 'radar',
                data: [
                    {
                        value: [4200, 3000, 20000, 35000, 50000, 18000],
                        name: '预算分配',
                        itemStyle: {     //此属性的颜色和下面areaStyle属性的颜色都设置成相同色即可实现
                            opacity: .5,
                        },
                        areaStyle: {

                        },

                        symbol: "none",
                    }, {
                        value: [4050, 3060, 2000, 3500, 5000, 1800],
                        name: '开销分配',
                        itemStyle: {     //此属性的颜色和下面areaStyle属性的颜色都设置成相同色即可实现
                            opacity: .5,
                        },
                        areaStyle: {

                        },
                        symbol: "none",
                    }
                ],

            }]
        }
    },
    {
        component: 'Radar2',
        label: '雷达图',
        icon: 'wenben',
        style: {
            width: 310,
            height: 310,
            'z-index': '1'
        },
        propValue: [],
        option: {
            
            color: ['#77EADF', '#ccc', '#64AFE9', '#428BD4'],
            legend: {
                data: ['三星', '苹果'],
                
                icon: "circle",
                show: false,
                itemWidth: 10,
                itemheight: 10,
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '12',
                },
                left: 'left',
                top: '38'
            },
            grid: {
                left: '3%',
                right: '3%',
                bottom: '3%',
                top: '20',
                containLabel: true,
            },
            title: [{
                text: '',
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '18',
                },
                left: 'left',
            }, {
                text: '',
                textStyle: {
                    color: '#fff',
                    fontStyle: 'normal',
                    fontWeight: 'normal',
                    fontSize: '14',
                },
                left: 'left',
                top: '20',
            }],
            radar: {
                shape: 'circle',
                indicator: [
                    {text: '外观', max: 100},
                    {text: '拍照', max: 100},
                    {text: '系统', max: 100},
                    {text: '性能', max: 100},
                    {text: '屏幕', max: 100}
                ],
                splitLine: {
                    lineStyle: {
                       
                    }
                },
            },
            series: [{
                axisLine: {            // 坐标轴线
                    show: false        // 默认显示，属性show控制显示与否
                },
                name: '预算 vs 开销',
                type: 'radar',
                lineStyle: {
                    type: 'dashed',
                    color:''
                },    
                data: [
                    {
                        value: [67, 33, 88, 99, 11],
                        name: '苹果',
                        itemStyle: {     //此属性的颜色和下面areaStyle属性的颜色都设置成相同色即可实现
                            opacity: .5,
                        },
                        areaStyle: {

                        },

                        symbol: "none",
                    }, {
                        value: [66, 77, 88, 99, 44],
                        name: '三星',
                        itemStyle: {     //此属性的颜色和下面areaStyle属性的颜色都设置成相同色即可实现
                            opacity: .5,
                        },
                        areaStyle: {

                        },

                        symbol: "none",
                    }
                ],

            }]
        }
    }
]


export default radarList